<script>
  import { colorClasses } from '../shared/mixins.js';
  import { classNames } from '../shared/utils.js';

  let { class: className, strong = false, children, ...restProps } = $props();

  const classes = $derived(
    classNames(
      className,
      'actions-label',
      {
        'actions-button-strong': strong,
      },
      colorClasses(restProps),
    ),
  );
</script>

<div class={classes} {...restProps}>
  {@render children?.()}
</div>
